5 .annoy-banner_blackout {
14 background: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0, 0,.5) 100%);
21 flex-direction: column;
24 .annoy-banner_actions {
26 flex-direction: column;
42 flex-direction: column;
49 font-size: 1.6rem !important;
52 font-size: 1.2rem !important;
55 @include rwd($break-flow) {
58 margin: 10vh 10vw 20vh 10vw;
78 .annoy-banner_crisis-container {
83 box-shadow: 0 0 10px black;
90 @media screen and (min-height: 480px) {
92 top: calc(-33vh + 160px);
95 @media screen and (max-width: 940px) {
101 .annoy-banner_crisis {
106 .annoy-banner-inner {
114 align-items: flex-start;
122 @media screen and (max-width: 700px) {
131 flex-direction: column;
134 @media screen and (max-width: 700px) {
143 border: 3px solid black;
152 @media screen and (max-width: 700px) {
153 flex-direction: column;
154 align-items: stretch;
160 .l-checkout__support__bar span::after {
177 border: 3px solid black;
180 transition: background-color .2s;
184 text-decoration: none;
189 &.annoy-banner-style_crisis_quiet {
192 .annoy-banner-inner {