guild_front/src/components/LogoutButton/logoutButton.css

39 lines
760 B
CSS
Raw Normal View History

.logout-button {
2021-08-18 15:56:24 +03:00
position: absolute;
2021-08-11 14:37:20 +03:00
top: 70px;
right: 2.5rem;
z-index: 100;
}
.logout-button button {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
2021-08-11 14:37:20 +03:00
width: 131px;
height: 40px;
border-radius: 10px;
font-family: 'Muller';
font-size: 1.6em;
letter-spacing: 0.8px;
background-color: #6aaf5c;
color: #ffffff;
2021-08-11 14:37:20 +03:00
border: 3px solid #6aaf5c;
font-family: 'Muller';
text-align: center;
}
.logout-button:hover button {
background-color: #ffffff;
color: #6aaf5c;
2021-08-11 14:37:20 +03:00
border: 3px solid #6aaf5c;
box-shadow: 3px 2px 5px rgba(82, 151, 34, 0.21);
transition: .3s;
2021-08-11 15:19:59 +03:00
}
2021-08-19 16:17:06 +03:00
@media (max-width: 1199px) {
2021-08-11 15:19:59 +03:00
.logout-button {
2021-08-19 16:17:06 +03:00
top: 16px !important;
2021-08-11 15:19:59 +03:00
}
2021-08-19 16:17:06 +03:00
}
2021-08-11 15:19:59 +03:00