.mystery-discount{position:fixed;width:100%;max-width:300px;left:-300px;top:50%;transform:translate(0,-50%);transition:0.5s;margin:auto;z-index:1500;}.mystery-discount .toggle{transform:rotate(-90deg);transform-origin:right top 0;text-align:center;padding:10px 20px;background:var(--color-primary);text-transform:uppercase;font-weight:900;font-size:1.1669rem;position:absolute;right:0;color:var(--color-primary-text);border-radius:0 0 10px 10px;}.mystery-discount .toggle:after{content:"";position:absolute;bottom:-10px;left:0;right:0;margin:auto;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid var(--color-primary);transition:all 0.3s;}.mystery-discount .toggle:before{content:"";position:absolute;top:-10px;left:0;right:0;margin:auto;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid var(--color-primary);transition:all 0.3s;opacity:0;}.mystery-discount .toggle:hover{background-color:var(--color-primary);color:var(--color-primary-text);}.mystery-discount .toggle:hover:before{border-bottom:10px solid var(--color-primary);}.mystery-discount .toggle:hover:after{border-top:10px solid var(--color-primary);}.mystery-discount.open{left:0;}.mystery-discount.open .toggle:after{opacity:0;}.mystery-discount.open .toggle:before{opacity:1;}.mystery-discount .box{background:var(--color-modal-side-background);color:var(--color-modal-side-text);padding:20px 20px;text-align:center;border-radius:0 0 10px 0;}.mystery-discount .box h3{margin:0 0 0 0;padding:0 0 0 0;font-size:1.5rem;font-weight:700;color:var(--color-modal-side-text);}.mystery-discount .box p{margin:10px 0 0 0;padding:0 0 0 0;line-height:1.3;color:var(--color-modal-side-text);}.mystery-discount .box .form{margin:20px 0 0 0;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:15px;}.mystery-discount a{position:absolute;right:-61px;top:0;}