OwlCyberSecurity - MANAGER
Edit File: _buttons.scss
/*-------------------------------------------------------------- # Buttons --------------------------------------------------------------*/ /* stylelint-disable */ button, .button, .wp-block-button__link, .wp-element-button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 3px; background: var(--global-palette-btn-bg); color: var(--global-palette-btn); padding: 0.4em 1em; border: 0; font-size: 1.125rem; line-height: 1.6; display: inline-block; font-family: inherit; cursor: pointer; text-decoration: none; transition: all 0.2s ease; box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.0); &:visited { background: var(--global-palette-btn-bg); color: var(--global-palette-btn); } &:hover, &:focus, &:active { color: var(--global-palette-btn-hover); background: var(--global-palette-btn-bg-hover); box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1); } &:disabled, &.disabled { cursor: not-allowed; opacity: 0.5; } } .elementor-button-wrapper .elementor-button { background-color: var(--global-palette-btn-bg); color: var(--global-palette-btn); &:hover, &:focus, &:active { color: var(--global-palette-btn-hover); background-color: var(--global-palette-btn-bg-hover); box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1); } } .button.button-size-small { font-size: 80%; padding: 0.3em .7em; } .button.button-size-large { font-size: 110%; padding: 0.6em 1.2em; } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-element-button { padding: 0.4em 1em; } .button.button-style-outline, .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-element-button { border: 2px solid currentColor; &:hover, &:focus, &:active { border: 2px solid currentColor; box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.0); } } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background), .wp-block-button.is-style-outline .wp-element-button:not(.has-background), .button.button-style-outline:not(.has-background) { background: transparent; &:hover, &:focus, &:active { background: transparent; } } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline .wp-element-button:not(.has-text-color), .button.button-style-outline:not(.has-text-color) { color: var(--global-palette-btn-bg); &:hover, &:focus, &:active { color: var(--global-palette-btn-bg-hover); } }