/*
========================================
Iron Pinbreaker Theme
Button Styles
========================================
*/
.button {
    display: inline-block;
    padding: 16px 32px;
    background: var(--primary);
    color: var(--white);
    border-radius: var(--radius);
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

    .button:hover {
        background: var(--primary-dark);
        transform: translateY(-3px);
        box-shadow: 0 14px 30px rgba(0,0,0,.35);
    }

.button-outline {
    background: transparent;
    border: 2px solid rgba(255,255,255,.8);
}

    .button-outline:hover {
        background: rgba(255,255,255,.12);
    }