.jsv-360__button { align-items: center; background-color: $button-background-color; color: #ffffff; font-size: 16px; font-weight: 400; padding: 14px 22px; border-radius: 10px; text-decoration: none; &--normal { min-width: 200px; box-shadow: inset 0 0 0 1px; } &--outlined { text-align: center; background-color: transparent; color: $button-background-color; border: 1px solid #a5c100; &:hover{ cursor: pointer; background-color: lighten($button-background-color, 80%); color: darken($button-background-color, 10%); } } }