kakaoBtn.scss
683 Bytes
#kakao-link-btn{
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border-radius: 1rem;
background-color: #FEE500;
padding: 0.5rem 1rem;
margin-top: 1rem;
margin-bottom: 2rem;
width: 14.5rem;
height: 5rem;
font-size: 1.2rem;
font-weight: bold;
transform: background-color;
transition: ease-out 0.3s;
&:hover{
filter: brightness(105%);
}
img{
width: 2rem;
height: auto;
}
@media screen and (max-width: 36rem) {
width: 10rem;
height: 4rem;
font-size: 0.9rem;
img{
width: 1rem;
height: auto;
}
}
}