/* Primary Buttons - Using main brand color (#E30613) */
.btn, .btn.btn-primary, .button.btn-primary, input[type=button].btn-primary, input[type=submit].btn-primary {
    color: #FFFFFF;  // White text for contrast on red
    background: $primary-color;  // Red background (#E30613)
    border: 2px solid $primary-color;  // Red border
    font-family: $font-family-primary;
    font-weight: $font-weight-bold;
    font-size: $font-size-18;
    text-transform: none;
    padding: 14px 30px;
    border-radius: 20px;

    &:hover, &:active, &:focus, &:active:focus{
        background: darken($primary-color, 10%);  // Darker red on hover
        border-color: darken($primary-color, 10%);
        color: #FFFFFF;
        box-shadow: none;
    }
}

.card{
    .content{
        .btn{
            font-size: $font-size-18;
        }
    }
}