.button{background-color:rgba(var(--btt-clr-bg),var(--btt-op-bg));border:none;border-radius:100%;bottom:120px;cursor:pointer;height:60px;margin:0 10px;position:fixed;right:0;transition:.2s ease-in;width:60px;z-index:99}.button:hover{background-color:rgba(var(--btt-clr-bg-hover),var(--btt-op-bg-hover))}@media (min-width:576px){.button{bottom:140px;margin:0 40px}}.layer{background:#272541;bottom:152px;color:#f9f1ea;margin-left:40px;max-width:350px;opacity:0;padding:20px;position:fixed;right:42px;transition:.2s ease-in;transition:opacity .3s ease-in;z-index:999}@media (min-width:768px){.layer{bottom:172px;right:72px}}.layer{display:none;opacity:1}.layer.show{display:block}.layer h2{font-size:24px;font-weight:400;line-height:45px}.layer p{font-size:16px;font-weight:400;line-height:1.5em;margin:5px 0 20px}@media (min-width:768px){.layer p{font-size:20px;line-height:32px}}.layer .btn-layer{background:#272541;border:2px solid #f9f1ea;color:#f9f1ea;display:block;overflow:hidden;padding:14px 10px 16px;position:relative;text-align:center;transition:color .4s ease-in-out,border-color .4s ease-in-out;width:100%;z-index:1}.layer .btn-layer:before{background:#7c7cf2;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .4s ease-in-out;width:100%;z-index:-1}.layer .btn-layer:hover{border-color:#7c7cf2;color:#fff}.layer .btn-layer:hover:before{height:100%}@media (min-width:768px){.layer{display:block}}@media (max-width:768px){.layer{display:none}.layer.show{display:block}}