// wordpress .wpcf7-form-control[type="submit"] { @extend .button; min-width: unset; } .post-next,.post-previous { a { @extend button; @extend .hollow; } } // untill here wordpress button { @extend .button; } button,.button { &.small{ padding: $global-padding*0.5 $global-padding*1.5; } &.tiny{ padding: $global-padding*0.3 $global-padding*1.1; } &:not(.large,.small,.tiny){ } &.primary { color: $white; } &.success { border-color: $success-color; } &.alert { border-color: $alert-color; color: $white; &:hover{ color:$white; } } &.secondary { border-color: $secondary-color; } &.inactive { color: $light-gray; border-color: $light-gray; cursor: not-allowed ; &:hover { background-color: unset; } } } .hero { button,.button { min-width: 20vw; padding: $global-padding*0.3 $global-padding*2; color: $button-color-alt; font-size: $global-font-size*1.3; border-color: $button-color-alt; border-radius: $global-radius-archive*2; &:hover{ color: $anchor-color; border-color: $anchor-color; } } &.hero-middle,&.hero-last,&.hero-announcement{ button,.button { font-size: $global-font-size; border-color: $white; padding: $global-padding $global-padding*2; min-width: unset; margin:auto; &:hover{ color: scale-color($anchor-color, $lightness: 90%); background-color: scale-color($white, $alpha: -60%); } } } } .search { .button { border-color: $primary-color; } button.appear{ min-width: unset; background-color: $primary-color; color: $white; border-radius:$global-radius-archive; border: none; } } .load_more { button,.button { font-size: $global-font-size; } } .end_of_page_button { @extend .button; display: flex; margin: $global-margin auto; font-size: $global-font-size; } .accordion-item.is-active { & button, & .button { background-color: $input-background; } }