.btn {
    padding: .5rem 1rem;
    border: none;
    border-radius: 2rem;
    background: var(--primary-button);
    color: var(--white);
    font-size: .8rem;
    line-height: 1.5rem;
    cursor: pointer;
    transition: background 0.2s ease;
    box-shadow: 0 0 .8rem var(--primary-button);
    text-transform: uppercase;
    white-space: nowrap;
}

.btn.accent {
    box-shadow: 0 0 .8rem var(--accent-button);
    background: var(--accent-button);
}

.btn.secondary {
    background: var(--secondary-button);
}

.btn[disabled] {
    background: var(--gray-bg);
    color: var(--white-disabled);
    cursor: not-allowed;
    box-shadow: none;
}

.btn[disabled]:hover {
    animation: none;
}

.btn:hover {
    animation: glow 10s infinite linear;
}

[onclick], .clickable {
    cursor: pointer;
    transition: box-shadow 200ms ease-in-out;
}

/*a > .layout-card:hover*/
[onclick]:hover, .clickable:hover {
    box-shadow: inset 0 0 0 9999px rgba(255,255,255,.04);
}