#payment-info-section {
    
    #payment-element {
        &:empty {
            min-height: 150px;
        }
    
        &:empty:after {
            position: absolute;
            content: ' ';
            top: 50%;
            left: 50%;
            margin-left: -20px;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            border: 4px solid var(--color-black);
            border-bottom-color: var(--secondary-color);
            border-radius: 50%;
            display: inline-block;
            box-sizing: border-box;
            animation: rotation 1s linear infinite;
        }
    }

    &:has(#payment-element[hidden]) {
        display: none;
    }

}