/*
 * Bespoke Selections - site buttons
 * One look for every button (Read Our Journal, Let's talk, Send message, Read more):
 * bronze, rounded, thin graphite outline, small uppercase lettering.
 * Page stylesheets only add placement (position, width on phones).
 */

.site-button {
    display: inline-block;
    padding: 6px 36px;
    border: 1px solid #4B4E52;
    border-radius: 10px;
    background-color: #8A7E2D;
    color: #fff;
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.25s ease;
}

.site-button:hover,
.site-button:focus-visible {
    background-color: #6F6524;
    color: #fff;
    text-decoration: none;
}