.wp-block-coffee-friend-three-banners .btn,.wp-block-coffee-friend-three-banners .subtitle{font-family:Inter,sans-serif;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wp-block-coffee-friend-three-banners .btn:hover,.wp-block-coffee-friend-three-banners .subtitle:hover{--tw-border-opacity:1;border-color:rgba(153,153,153,var(--tw-border-opacity))}.wp-block-coffee-friend-three-banners .btn:active,.wp-block-coffee-friend-three-banners .subtitle:active{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.wp-block-coffee-friend-three-banners .title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;letter-spacing:.0025em;line-height:35.28px;margin-bottom:16px;text-align:left}.wp-block-coffee-friend-three-banners .subtitle{font-size:18px;font-weight:300;line-height:24px;margin-bottom:24px;text-align:left}.wp-block-coffee-friend-three-banners .btn{border-radius:8px;border-width:1px;display:inline-flex;--tw-border-opacity:1;border-color:rgba(231,231,225,var(--tw-border-opacity));font-size:14px;font-weight:300;line-height:16px;padding:8px 10px;text-align:left}@media (min-width:768px){.wp-block-coffee-friend-three-banners .btn{padding-left:12px;padding-right:12px}}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners .swiper-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;grid-column-gap:10px;column-gap:10px;overflow:hidden}@media (min-width:1024px){.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners .swiper-wrapper{column-gap:40px}}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item,.wp-block-coffee-friend-three-banners .swiper-wrapper .item{height:auto;margin-top:30px;width:100%}@media (min-width:1024px){.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item,.wp-block-coffee-friend-three-banners .swiper-wrapper .item{margin-top:48px}}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container{display:flex;flex-direction:column;height:100%;position:relative}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container .bannerLink,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container .bannerLink{aspect-ratio:580/430;display:block;height:100%;position:relative;width:100%}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container .bannerLink img,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container .bannerLink img{border-radius:16px;height:100%;object-fit:cover;width:100%}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container .content,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container .content{display:flex;flex-direction:column;height:100%;padding-bottom:10px;pointer-events:none;width:100%}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container .content .badge,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container .content .badge{border-radius:4px;left:16px;max-width:calc(100% - 32px);position:absolute;top:16px;--tw-bg-opacity:1;background-color:rgba(226,84,40,var(--tw-bg-opacity));font-size:12px;font-weight:300;line-height:16px;padding:2px 4px;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:768px){.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container .content .badge,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container .content .badge{font-size:14px;font-weight:600;left:24px;max-width:calc(100% - 48px);padding:8px 12px;top:24px}}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .image-container .content .btn{margin-top:auto;pointer-events:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .undertext,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .undertext{font-size:14px;font-weight:300;line-height:16px;padding-bottom:16px;padding-top:16px;text-align:left}@media (min-width:768px){.wp-block-coffee-friend-three-banners .banners:not(:has(.swiper-wrapper)) .item .undertext,.wp-block-coffee-friend-three-banners .swiper-wrapper .item .undertext{font-size:18px;line-height:24px}}.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:1024px){.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)),.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content{left:0;padding:16px;position:absolute;top:0}.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .badge{background-color:inherit;font-size:18px;font-weight:300;line-height:24px;margin-bottom:8px;padding:0;position:static;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .undertext{font-size:24px;font-weight:800;line-height:30px;padding:0;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:430px){.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .undertext{font-size:28px;line-height:34px}}@media (min-width:768px){.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .undertext{font-size:32px;line-height:40px}}.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .btn{border-width:0;display:inline-flex;font-size:14px;font-weight:300;line-height:16px;margin-top:16px;padding:0;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));-webkit-text-decoration-line:underline;text-decoration-line:underline}@media (min-width:768px){.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .btn{margin-top:24px}}.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1 .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container.black .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container.black .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1 .swiper-wrapper .item .image-container.black .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .undertext,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container.black .content .badge,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container.black .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container.black .content .undertext{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .btn{align-items:center;border-radius:8px;border-width:1px;display:inline-flex;height:32px;justify-content:center;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));font-size:14px;font-weight:600;line-height:16px;padding:8px 12px;-webkit-text-decoration-line:none;text-decoration-line:none}@media (min-width:768px){.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .btn{font-weight:700;height:56px;line-height:22px;padding:16px 24}}.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn:hover,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .btn:hover{border-width:2px;padding:7px 11px}@media (min-width:768px){.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container .content .btn:hover,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container .content .btn:hover{padding:15px 23px}}.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .btn,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container.black .content .btn{--tw-border-opacity:1;border-color:rgba(96,96,96,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-three-banners.is-style-style-1-button .banners:not(:has(.swiper-wrapper)) .item .image-container.black .content .btn:hover,.wp-block-coffee-friend-three-banners.is-style-style-1-button .swiper-wrapper .item .image-container.black .content .btn:hover{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}