$padding: 4px 20px 4px 20px;
.btn {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-style: normal;
line-height: 24px;
padding: $button--padding;
border-radius: $button-border-radius;
color: #fff !important;
background-color: bastet-color();
transition: all 300ms;
&:active, &:focus {
outline: 0;
box-shadow: none;
}
}
.wp-block-button {
margin-bottom: 10px;
&.aligncenter {
text-align: center;
}
.wp-block-button__link {
border-radius: 99999px;
text-decoration: none !important;
}
&.is-style-squared {
.wp-block-button__link {
border-radius: 0;
}
}
&.is-style-outline {
.wp-block-button__link {
color: bastet-color() !important;
}
}
}
.wp-block-bastet-button {
display: flex;
flex-wrap: wrap;
position: relative;
margin-bottom: 0;
}
.wp-block-button__link {
@extend .btn;
}
.wp-block-bastet-button {
font-weight: 700;
.btn-primary, .primary {
background: none;
border:none;
padding: 0;
}
.btn-primary, .primary, .btn-secondary,.secondary {
position: relative;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-style: normal;
line-height: 1.5;
color: #fff;
padding: $button--padding;
border-radius: $button-border-radius;
background-color: bastet-color();
}
.btn-secondary,.secondary {
background-color: transparent;
border:1px solid bastet-color();
color: bastet-color();
}
}