.coffee-ribbon[data-v-2b32c7c3]{height:300px;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;width:300px;z-index:1000}.coffee-link[data-v-2b32c7c3]{animation:ribbonEntrance-2b32c7c3 1.5s ease-out forwards;background-color:#3b82f6;box-shadow:0 4px 8px #0003;color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 0;pointer-events:auto;position:absolute;right:-80px;text-align:center;text-decoration:none;top:50px;transform:rotate(45deg);transition:background-color .3s;width:300px}.coffee-text[data-v-2b32c7c3]{font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.coffee-link[data-v-2b32c7c3]:hover{background-color:#2563eb}@keyframes ribbonEntrance-2b32c7c3{0%{opacity:0;transform:rotate(45deg) translateY(-50px)}50%{opacity:1;transform:rotate(45deg) translateY(10px)}75%{transform:rotate(45deg) translateY(-5px)}to{transform:rotate(45deg) translateY(0)}}@media (max-width:768px){.coffee-ribbon[data-v-2b32c7c3]{height:auto;left:0;overflow:visible;right:0;top:0;width:100%}.coffee-link[data-v-2b32c7c3]{animation:barEntrance-2b32c7c3 1s ease-out forwards;border-radius:0;padding:10px 0;position:relative;right:0;top:0;transform:none;width:100%}@keyframes barEntrance-2b32c7c3{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}