.cb-button-container {
    display: flex;
    flex-direction: column;
    margin: 5rem 0;
}

.cb-btn-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 10px;
}

.cb-btn {
    border-radius: 25px;
    text-decoration: none;
    padding: 0.5rem 2rem;
    font-weight: 500;

    transition: background-color .2s ease, border-color .2s ease, color .2s ease, background-position .5s ease;
}

.btn-light {
    background: transparent;
    color: white;
    border: 1px solid var(--ad-border-strong, rgba(255, 255, 255, .14));
}

.btn-light:hover {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .25);
    color: white;
}

.btn-dark {
    background: var(--ad-surface-2, #141416);
    color: white;
    border: 1px solid var(--ad-border-hairline, rgba(255, 255, 255, .08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.btn-dark:hover {
    background: var(--ad-surface-3, #1b1b1e);
    border-color: var(--ad-border-strong, rgba(255, 255, 255, .14));
    color: white;
}