51 lines
1019 B
CSS
51 lines
1019 B
CSS
.btn {
|
|
padding: 25px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
width: 250px;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
color: black;
|
|
}
|
|
|
|
.icon {
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
margin-left: 2%;
|
|
}
|
|
|
|
.btn {
|
|
background: -webkit-gradient(linear, right top, left top, color-stop(50%, #FCBF49), color-stop(50%, #c28103));
|
|
background: linear-gradient(to left, #FCBF49 50%, #c28103 50%);
|
|
background-size: 200% 100%;
|
|
background-position: right bottom;
|
|
}
|
|
|
|
.btn:hover {
|
|
background-position: left bottom;
|
|
}
|
|
|
|
.btn:hover > .icon {
|
|
margin-left: 15%;
|
|
}
|
|
|
|
.btn-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
gap: 15%;
|
|
}
|
|
|
|
.title {
|
|
text-align: center;
|
|
font-size: 5em;
|
|
}
|
|
/*# sourceMappingURL=Home.module.css.map */ |