.action{border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.action-primary{background:var(--r-primary-600);color:var(--r-main-50)}.action-primary:hover{background:var(--r-primary-700)}.action-secondary{color:var(--r-main-700);border:1px solid var(--r-main-300);background:0 0}.action-secondary:hover{background:var(--r-main-50);border-color:var(--r-main-400)}
.showcases{text-align:center;padding-top:80px;padding-bottom:80px;overflow-x:hidden}@media screen and (min-width:768px){.showcases{padding-top:160px;padding-bottom:160px}}.showcases-name{color:var(--r-primary-600);box-sizing:border-box;position:relative}.showcases-btns{justify-content:center;gap:20px;margin-top:32px;display:grid}@media screen and (min-width:768px){.showcases-btns{grid-auto-flow:column}}.showcases-list{gap:24px;margin-top:120px;display:grid}@media screen and (min-width:1080px){.showcases-list{grid-template-columns:repeat(3,1fr)}}.showcases-card{background-color:var(--r-main-50);color:inherit;text-align:left;filter:grayscale(.5);border-radius:12px;padding:16px;text-decoration:none;transition:background-color .2s;display:block;position:relative}.showcases-card:hover{filter:grayscale(0);background-color:var(--r-main-100)}.showcases-img{box-sizing:border-box;aspect-ratio:16/9;border-radius:8px;width:100%;height:auto}.showcases-product{box-sizing:border-box;margin:24px 12px 12px;font-size:1.25em;line-height:1}.showcases-product-badge{background-color:var(--r-main-100);-webkit-backdrop-filter:opacity(.4);backdrop-filter:opacity(.4);border-top-right-radius:8px;border-bottom-left-radius:8px;padding:6px 10px;position:absolute;top:16px;right:16px}