Generateurv2/frontend/styles/Home.module.scss
2022-05-18 10:15:54 +02:00

38 lines
590 B
SCSS

@import "./variables";
.btn {
padding: 25px;
display: flex;
align-items: center;
width: 250px;
justify-content: center;
color: black;
}
.icon {
transition: 0.3s;
margin-left: 2%;
}
.btn {
background: linear-gradient(to left, $primary 50%, darken($color: $primary, $amount: 25) 50%);
background-size: 200% 100%;
background-position: right bottom;
}
.btn:hover {
background-position: left bottom;
& > .icon {
margin-left: 15%;
}
}
.btn-container {
display: flex;
justify-content: center;
gap: 15%;
}
.title{
text-align: center;
font-size: 5em;
}