/**
 * Subscription Toggle Styles
 *
 * Location: app/code/Conklin/Subscription/view/frontend/web/css/subscription-toggle.css
 */


.subscription-wrapper{
    border: 1px solid #13328a;
    border-radius: 5px;

    display: inline-block;
    margin-bottom: 1rem;


    white-space: nowrap;
}

.subscription-wrapper .active{
    background: #13328a;
    color: white;
}

.subscription-wrapper .item{
    padding: 1rem;
    display: inline-block;
    cursor: pointer;
}


/* Subscription Button Styling */
.add-subscription-btn {
    white-space: nowrap;
}

.add-subscription-btn.disabled,
.add-subscription-btn.loading {
    opacity: 0.6;
    cursor: not-allowed;
    background: #9e9e9e;
}

.add-subscription-btn.success {
    background: #2196F3;
}

/* Loading State */
.add-subscription-btn.loading span:after {
    content: '';
    display: inline-block;
    margin-left: 5px;
    animation: ellipsis 1.4s infinite;
}

@keyframes ellipsis {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}