Скачать


a.button9 {
    width: 210px;
    height: 60px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f1f1f170 !important;
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 24px;
    text-decoration: none;
    text-shadow: rgb(255 255 255 / 30%) -2px -2px 3px, rgb(0 0 0 / 70%) 1px 5px 3px;
    user-select: none;
    border-radius: 30px;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
        linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
        linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
        linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
    background-repeat: no-repeat;
    background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.button9:hover {
    transition: .5s linear;
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
a.button9:active {
    top: 1px;
}