.alphabet-nav {
    display: flex;
    gap: 18px;
    justify-content: center;
    margin: 0 0 70px;
    flex-wrap: wrap;
    
    > button {
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
        border: 3px solid transparent;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        background-color: #C7D0D7;
        padding: 8px 16px 8px 16px;
        border-radius: 32px;
        color: #262626;
        cursor: pointer;
        
        &.clicked {
            border-color: #003E6D;
        }
    }
}

/* md */
@media (min-width: 768px) {
    .alphabet-nav {
        gap: 48px;
    }
}