blob: 357a799e937e54150b80a15ff63f46711d6cc0d1 [file] [log] [blame]
.primary-btn{
border: 1px solid;
border-color: $blue;
color: $blue;
@extend .body-1-semibold;
text-align: center;
padding: 7px;
border-radius: 5px;
cursor: pointer;
align-self: center;
background-color: $white;
.primary-btn-text {
width: 100%;
}
&:hover {
color: $blue;
border-color: $blue;
background-color: $tlv-hover;
&:active {
color: $blue;
border-color: $blue;
}
}
&:focus:not(:hover) {
color: $blue;
border-color: $blue;
background-color: $white;
}
}