/** This file contains CSS classes for transitioning to the new designs in 2017 which are tracked across a variety of epics (ENG-9720, ENG-10025).
 The color classes should be kept in sync with CallToAction.field_definition in models/properties/banner.py
 TODO replace each rule in this file with general rules from redesign, delete this file */
.button-redesign-temp { border-radius: 0.3em; color: white; display: block; font-family: 'Sofia Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 900; letter-spacing: .045rem; padding: 1em 1.2em; text-decoration: none; text-rendering: optimizeLegibility; text-transform: uppercase; transition-property: background-color, border, color, box-shadow, text-shadow; transition-duration: 0.35s; transition-timing-function: ease-in-out; }
.button-redesign-temp:focus { outline: none; }
.button-redesign-temp:active { box-shadow: inset 0 0 0.05em 0.05em rgba(0, 0, 0, 0.35); }
.button-redesign-temp.disabled { opacity: 0.5; cursor: default; pointer-events: none; }
.button-redesign-temp.transparent { background-color: rgba(0, 0, 0, 0.25); border: 0.1em solid rgba(255, 255, 255, 0.45); text-shadow: none; color: rgba(255, 255, 255, 0.5); }
.button-redesign-temp.transparent:hover { color: white; }
.button-redesign-temp.orange:not(.transparent) { background-color: #ef9741; border: 0.1em solid #ef9741; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.orange:not(.transparent):hover { background-color: #f1a459; border: 0.1em solid #f1a459; }
.button-redesign-temp.orange:hover { background-color: #ef9741; border: 0.1em solid #ef9741; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.green:not(.transparent) { background-color: #97b147; border: 0.1em solid #97b147; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.green:not(.transparent):hover { background-color: #a2bb56; border: 0.1em solid #a2bb56; }
.button-redesign-temp.green:hover { background-color: #97b147; border: 0.1em solid #97b147; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.gray:not(.transparent) { background-color: #7f7f7f; border: 0.1em solid #7f7f7f; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.gray:not(.transparent):hover { background-color: #8c8c8c; border: 0.1em solid #8c8c8c; }
.button-redesign-temp.gray:hover { background-color: #7f7f7f; border: 0.1em solid #7f7f7f; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.red:not(.transparent) { background-color: #cb272c; border: 0.1em solid #cb272c; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.red:not(.transparent):hover { background-color: #d83439; border: 0.1em solid #d83439; }
.button-redesign-temp.red:hover { background-color: #cb272c; border: 0.1em solid #cb272c; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.blue:not(.transparent) { background-color: #17a1e5; border: 0.1em solid #17a1e5; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }
.button-redesign-temp.blue:not(.transparent):hover { background-color: #2cabea; border: 0.1em solid #2cabea; }
.button-redesign-temp.blue:hover { background-color: #17a1e5; border: 0.1em solid #17a1e5; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.65); }