www/src/layouts/partials/floating-join-btn.html
2022-09-19 12:47:40 -04:00

36 lines
828 B
HTML

<style>
.gf-container {
width: 8vw;
height: 8vw;
border-radius: 100px;
display: flex;
flex-direction: column;
position: fixed;
text-align:center;
padding-top: 3vw;
font-size: 1.562vw;
background-color: #1a1a1a !important;
border: 2px solid #949494;
color: #ffffff;
text-decoration: none;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
right: 15px;
top: 5.3vw;
cursor: pointer;
z-index: 3;
transition: 0.2s ease-in-out;
}
.gf-container:hover {
color:#1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.358vw #1a1a1a !important;
background-color: #00ffd0 !important;
}
</style>
<a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container" style="background-color:#8EC7BF;">
JOIN
</a>