.coffee-banner{position:relative;width:100%;height:100%;background-color:#122924;display:flex;justify-content:center;align-items:center;padding:4rem 1rem;overflow:hidden}.coffee-banner .banner-left,.coffee-banner .banner-right{position:absolute;top:50%;transform:translateY(-50%);width:500px;height:500px;z-index:1}.coffee-banner .banner-left{left:0}.coffee-banner .banner-right{right:0}.coffee-banner .banner-left img,.coffee-banner .banner-right img{width:80%;height:80%;object-fit:contain}.coffee-banner .banner-content{position:relative;z-index:10;text-align:center;padding:0 1rem}.coffee-banner .banner-content h2{font-size:50px;font-weight:700;color:#ffffff;margin-bottom:1.5rem;line-height:1.2}.coffee-banner .banner-content button{width:300px;background-color:#5b914c;border:2px solid #5b914c!important;color:#ffffff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center}.coffee-banner .cta-arrow{transition:transform .3s ease}html[dir=ltr] .coffee-banner .banner-content button:hover .cta-arrow{transform:translateX(5px);margin-left:8px}html[dir=rtl] .coffee-banner .banner-content button:hover .cta-arrow{transform:translateX(-5px);margin-right:8px}.coffee-banner .banner-content button:hover{background-color:#11251e;border:2px solid #ffffff!important;color:#ffffff}@media (max-width:1024px){.coffee-banner .banner-left,.coffee-banner .banner-right{display:none}.coffee-banner .banner-content h2{font-size:36px}.coffee-banner .banner-content button{width:250px}}@media (max-width:768px){.coffee-banner{padding:3rem 1rem}.coffee-banner .banner-content h2{font-size:28px}.coffee-banner .banner-content button{width:fit-content}}@media (max-width:480px){.coffee-banner .banner-content h2{font-size:22px}}