.button-note {
    display: inline-flex;
    outline: 0;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
    background: #FFF;
    border: 1px solid #D5D9D9;
    font-size: 13px;
    height: 31px;
    padding: 0 12px;
    text-align: center;
    font-weight: 400;
    color: #0F1111;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    transition: all 0.15s ease;
}
    .button-note:hover {
        background-color: #F7FAFA;
        border-color: #D5D9D9;
        color: #0F1111;
        text-decoration: none;
    }

    .button-note:active {
        box-shadow: 0 1px 2px rgb(213 217 217 / 50%);
        transform: translateY(1px);
    }