Responsive button fix

This commit is contained in:
Thomas Smith 2022-07-07 15:11:13 -04:00
parent 8697460abf
commit 557e496c60

View file

@ -30,6 +30,26 @@
opacity: 100; opacity: 100;
} }
@media only screen and (min-width: 600px) {
.syne-btn{
border: 2px solid #DDFC76;
font-size: 20px;
width: 400px;
color: #DDFC76;
background: transparent !important;
display: block;
margin-left:auto;
margin-right:auto;
}
.syne-btn:hover{
border: 2px solid #DDFC76;
background: #DDFC76 !important;
color:black;
}
}
@media only screen and (max-width: 600px) {
.syne-btn{ .syne-btn{
border: 2px solid #DDFC76; border: 2px solid #DDFC76;
font-size: 20px; font-size: 20px;
@ -45,6 +65,7 @@
background: #DDFC76 !important; background: #DDFC76 !important;
color:black; color:black;
} }
}
.syne-badge { .syne-badge {
background-color: #DDFC76 !important; background-color: #DDFC76 !important;