24 lines
624 B
SCSS
24 lines
624 B
SCSS
//Custom button styles
|
|
.btn {
|
|
&.btn-secondary {
|
|
position: relative;//Required for :after pseduo to position correctly
|
|
margin: 5px;//Because :after is position absolute and isn't accounted for in DOM
|
|
border-radius: 8px;//To match Figma border radius
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: calc(100% + 12px);
|
|
height: calc(100% + 12px);
|
|
border: 3px solid $secondary;
|
|
background-color: $white;
|
|
border-radius: 12px;
|
|
left: -6px;
|
|
top: -6px;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
&.btn-funnel {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
}
|