:root{
    --mtr-button-height:58px;
    --mtr-button-radius:16px;
}

.mtr-btn,
.t-btn,
.t-submit{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:var(--mtr-button-height);

    padding:0 28px;

    border:none;
    border-radius:var(--mtr-button-radius);

    background:
        linear-gradient(180deg,#38d981 0%,#23b765 100%);

    color:#fff;

    font-family:var(--mtr-font);
    font-size:16px;
    font-weight:600;
    letter-spacing:-0.02em;

    cursor:pointer;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;

    box-shadow:
        0 10px 30px rgba(40,208,125,.28);

    text-decoration:none;
}

.mtr-btn:hover,
.t-btn:hover,
.t-submit:hover{

    transform:translateY(-2px);

    filter:brightness(1.06);

    box-shadow:
        0 16px 40px rgba(40,208,125,.42);
}

.mtr-btn:active,
.t-btn:active,
.t-submit:active{

    transform:translateY(0);
}