kurs-app/CSS/Element/button.css

37 lines
688 B
CSS

.buttons-container{
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.btn{
background: var(--brand-primary);
color: var(--brand-white);
padding: 5px 10px;
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-text);
border-radius: 3px;
text-decoration: none;
}
.btn-user {
border-radius: 9999px;
color: var(--brand-primary);
background-color: var(--brand-white);
display: flex;
flex-direction: row;
justify-content: center;
justify-items: center;
align-items: center;
width: fit-content;
aspect-ratio: 1/1;
}
.btn-login{
background-color: transparent;
}
.btn-user > span {
font-size: 28px;
}