56 lines
954 B
CSS
56 lines
954 B
CSS
.standard-btn {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.standardBtn {
|
|
width:300px;
|
|
background-color: #02ADBA;
|
|
font-size: 15px;
|
|
padding: 7px 20px 7px 20px;
|
|
color: white;
|
|
border: #02ADBA;
|
|
}
|
|
|
|
.standardBtn:hover {
|
|
background-color:#3eced8 ;
|
|
color: white;
|
|
}
|
|
|
|
.left-button {
|
|
padding: 5px;
|
|
}
|
|
.left-button:hover {
|
|
background-color:#9eedf3;
|
|
}
|
|
|
|
.right-button {
|
|
padding: 5px;
|
|
}
|
|
.right-button:hover {
|
|
background-color:#9eedf3;
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.standardBtn {
|
|
width: 200px;
|
|
background-color: #02ADBA;
|
|
font-size: 15px;
|
|
padding: 7px 20px 7px 20px;
|
|
color: white;
|
|
border: #02ADBA;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 400px) {
|
|
.standardBtn {
|
|
width: 150px;
|
|
background-color: #02ADBA;
|
|
font-size: 15px;
|
|
padding: 7px 20px 7px 20px;
|
|
color: white;
|
|
border: #02ADBA;
|
|
}
|
|
} |