* { box-sizing: border-box; } .fab-wrapper { position: fixed !important; bottom: 30vh !important; right: 3vw !important; z-index: 999999 !important; } .fab-checkbox { display: none; } .fab { position: absolute; bottom: -1rem; right: -1rem; width: 60px; height: 60px; cursor: pointer; z-index: 1; display: block; } .fab-icon, .fab-icon-wa, .fab-icon-phone, .fab-icon-mail { display: block; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; } .fab-icon { background-image: url('/wp-content/uploads/floating-chat-icon.svg'); } .fab-icon-wa { background-image: url('/wp-content/uploads/floating-whatsapp-icon.svg'); } .fab-icon-phone { background-image: url('/wp-content/uploads/floating-phone-icon.svg'); } .fab-icon-mail { background-image: url('/wp-content/uploads/floating-mail-icon.svg'); } .fab-wheel { position: absolute; bottom: 0; right: 0; width: 10rem; height: 10rem; transition: all 0.3s ease; transform-origin: bottom right; transform: scale(0); } .fab-checkbox:checked ~ .fab-wheel { transform: scale(1); } .fab-action { position: absolute; width: 50px; height: 50px; transition: all 0.4s ease; opacity: 0; text-decoration: none; display: block; } .fab-checkbox:checked ~ .fab-wheel .fab-action { opacity: 1; } .fab-action:hover { transform: scale(1.1); } .fab-wheel .fab-action-1 { right: -5px; top: -45px; transition-delay: 0.1s; } .fab-wheel .fab-action-2 { right: 62px; top: -15px; transition-delay: 0.2s; } .fab-wheel .fab-action-3 { right: 90px; top: 52px; transition-delay: 0.3s; }  .label-title { font-size: var(--text-l); } .label-price { font-size: var(--text-m); }