.c-cta-button {
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 2px;
    border-radius: 6px;
    border: 0;
    background: linear-gradient(#B8860B, var(--gold));
    box-shadow: 0px 4px 6px 0px #0008;
    transition: 0.3s all;
}

.c-cta-button:hover {
    box-shadow: 0px 6px 12px 0px #0009;
    transform: translateY(-4px);
}

.c-cta-button:active {
    box-shadow: 0px 0px 0px 0px #0000;
}

.c-cta-button__inner {
    position: relative;
    inset: 0px;
    padding: 1em 3em;
    border-radius: 4px;
    background: radial-gradient(circle at 50% 100%, #FFD700 10%, #FFD70000 55%),
        linear-gradient(#B8860B, var(--gold));
    overflow: hidden;
    transition: inherit;
}

.c-cta-button__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(-65deg, #0000 40%, #fff7 50%, #0000 70%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    animation: thing 3s ease infinite;
}

@keyframes thing {
    0% {
        background-position: 130%;
        opacity: 1;
    }

    to {
        background-position: -166%;
        opacity: 0;
    }
}

.c-cta-button__inner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transition: inherit;
    box-shadow: inset 0px 2px 8px -2px #0000;
}

.c-cta-button:active .c-cta-button__inner::after {
    box-shadow: inset 0px 2px 8px -2px #000a;
}

.c-cta-button__inner__text {
    position: relative;
    z-index: 1;
    color: #252525;
    transition: inherit;
    font-weight: bold;
}

.c-cta-button__inner__description {
    display: block;
    font-size: 0.75rem;
    color: #666;
}