.hp-link{
    display:block;
    position:absolute;
    z-index:100;
    top:0;
    right:360px;
    cursor:pointer;
    text-decoration:none
}

.hp-link.hp-link-vzpominka{
    right: 20px;
	top: -20px;
}   
.hp-link__inner{
    border:2px solid #3c8f6b;
    border-radius:20px;
    background:rgba(255,255,255,.4);
    transition:background .3s ease-in-out;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px 0;
    width: 110px;
    text-align: center;
}
.hp-link span{
    color:#000;
    font-size: 16px;
	font-weight: bold;
}
.hp-link .link-button {
    font-size: 14px;
    padding: 4px 0px;
    width: 120px;
	font-weight: bold;
}
.hp-link:hover .hp-link__inner{
    background:rgba(255,255,255,.6)
}

.link-button{
    display:flex;
    justify-content:center;
    align-items:center;
    width:225px;
    padding:13px 0;
    border-radius:100px;
    border:2px solid #3c8f6b;
    font-size:24px;
    color:#fff;
    text-align:center;
    transition:.3s ease-in-out
}
.link-button:hover{
    color:#3c8f6b;
    background:0 0
}
.link-button--green{
    background-color:#3c8f6b
}
@media (max-width:1200px){
    .link-button{
        width:200px;
        font-size:21px;
        padding:10px 0
    }
}

@media (max-width:992px){
    .hp-link{
        right: 253px;
    }
    .hp-link.hp-link-vzpominka {
        right: 8px;
    }

    .hp-link__inner{
        width: 113px;
        padding: 8px 15px; 
    }
    .hp-link span{
        font-size:13px;
        max-width:unset
    }
    .hp-link .link-button {
        width: 97px;
        font-size:11px;
    }
}