.sc-button-widget .sc-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Simplecoin Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.75;
    text-decoration: none !important;
    cursor: pointer;
    border: none;
    padding: 12px 32px;
    border-radius: 30px;
    transition: background-color 250ms ease, box-shadow 250ms ease, transform 150ms ease;
    text-transform: none;
}

/* Primary - orange filled */
.sc-button-widget .sc-button--primary {
    background-color: #FD6300;
    color: #FFFFFF;
}
.sc-button-widget .sc-button--primary:hover {
    background-color: #E55A00;
    box-shadow: 0 4px 12px rgba(253, 99, 0, 0.3);
}

/* Primary outline */
.sc-button-widget .sc-button--primary-outline {
    background-color: transparent;
    color: #FD6300;
    border: 2px solid #FD6300;
}
.sc-button-widget .sc-button--primary-outline:hover {
    background-color: rgba(253, 99, 0, 0.06);
}

/* Secondary - purple filled */
.sc-button-widget .sc-button--secondary {
    background-color: #41277E;
    color: #FFFFFF;
}
.sc-button-widget .sc-button--secondary:hover {
    background-color: #351F68;
    box-shadow: 0 4px 12px rgba(65, 39, 126, 0.3);
}

/* Secondary outline */
.sc-button-widget .sc-button--secondary-outline {
    background-color: transparent;
    color: #41277E;
    border: 2px solid #41277E;
}
.sc-button-widget .sc-button--secondary-outline:hover {
    background-color: rgba(65, 39, 126, 0.06);
}

/* Green */
.sc-button-widget .sc-button--green {
    background-color: #5BB944;
    color: #FFFFFF;
}
.sc-button-widget .sc-button--green:hover {
    background-color: #4FA33B;
    box-shadow: 0 4px 12px rgba(91, 185, 68, 0.3);
}

/* Size variants */
.sc-button-widget .sc-button--small {
    font-size: 14px;
    padding: 8px 20px;
}
.sc-button-widget .sc-button--large {
    font-size: 18px;
    padding: 16px 40px;
}

/* Alignment */
.sc-button-widget.sc-button-align-center {
    text-align: center;
}
.sc-button-widget.sc-button-align-left {
    text-align: left;
}
.sc-button-widget.sc-button-align-right {
    text-align: right;
}