:root{--gradient-btn-bg:linear-gradient(90deg,var(--primary) 0,var(--action) 100%);--gradient-btn-bg-hover:linear-gradient(90deg,var(--action)0%,var(--action) 50%)}.btn--gradient{padding:var(--btn-padding-block) var(--btn-padding-inline);border-width:var(--btn-border-width);border-radius:var(--btn-radius);text-transform:var(--btn-text-transform);-webkit-text-decoration:var(--btn-text-decoration);text-decoration:var(--btn-text-decoration);letter-spacing:var(--btn-letter-spacing);font-weight:var(--btn-font-weight);font-style:var(--btn-font-style);min-inline-size:var(--btn-min-width);line-height:var(--btn-line-height);justify-content:center;text-align:center;background:var(--gradient-btn-bg);color:var(--primary-ultra-dark);padding-inline:calc(var(--btn-padding-inline) + var(--btn-border-width));padding-block:calc(var(--btn-padding-block) + var(--btn-border-width));transition:all var(--btn-transition-duration) ease}.btn--gradient:hover,.btn--gradient:focus{background:var(--gradient-btn-bg-hover);color:var(--action-ultra-light)}.form--dark button[type=submit]{background:var(--gradient-btn-bg);color:var(--primary-ultra-dark);padding-inline:calc(var(--btn-padding-inline) + var(--btn-border-width));padding-block:calc(var(--btn-padding-block) + var(--btn-border-width));border:0;transition:all var(--btn-transition-duration) ease}.form--dark button[type=submit]:hover,.form--dark button[type=submit]:focus{background:var(--gradient-btn-bg-hover);color:var(--action-ultra-light)}