OVB Heimatzeit – Schönes für Ihr Zuhause

.content { text-align: center; color: #a7ffeb; width: 100px; height: 100px; } .share-btn { position: fixed; bottom: 30px; right: 30px; z-index: 2; height; 60px !important; width: 60px !important; } #click { display: none; } .share-btn span { height: 60px; width: 60px; max-width: none; background: transparent; line-height: 60px; font-size: 25px; color: transparent; border-radius: 50%; cursor: pointer; border: none; } .share-btn:hover span { border-color: transparent; } .share-btn a span { position: absolute; right: 10px; bottom: 10px; height: 30px; width: 30px; line-height: 30px; font-size: 18px; border: 1px solid transparent; background: transparent; z-index: -1; opacity: 0; pointer-events: none; transition: .6s; } #click:checked ~ .share-btn a span { height: 35px; width: 35px; line-height: 50px; font-size: 23px; z-index: 1; opacity: 1; pointer-events: auto; } #click:checked ~ .share-btn a:nth-child(2) span { bottom: 0px; right: 80px; background: #6ac695; border-color: #6ac695; } #click:checked ~ .share-btn a:nth-child(3) span { width: 36px; height: 36px; bottom: 65px; right: 65px; background: #6ac695; background-image: -webkit-linear-gradient(bottom left, #6ac695 25%, #7094E0 75%); background-image: -o-linear-gradient(bottom left, #6ac695 25%, #7094E0 75%); background-image: linear-gradient(to top right, #6ac695 25%, #7094E0 75%); border: none; } #click:checked ~ .share-btn a:nth-child(3) span { transition-delay: .2s; } #click:checked ~ .share-btn a:nth-child(4) span { bottom: 80px; right: 0px; background: #7094e0; border-color: #7094e0; } #click:checked ~ .share-btn a:nth-child(4) span { transition-delay: .4s; }