/* Basic styles for sticky buttons */
.scb-buttons {
    position: fixed;
    z-index: 1000;
}

.scb-buttons.horizontal {
    display: flex;
    gap: 10px;
}

.scb-buttons.vertical {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Positioning */
.scb-buttons.top-left {
    top: 10px;
    left: 10px;
}

.scb-buttons.top-center {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.scb-buttons.top-right {
    top: 10px;
    right: 10px;
}

.scb-buttons.middle-left {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.scb-buttons.middle-right {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.scb-buttons.bottom-left {
    bottom: 10px;
    left: 10px;
}

.scb-buttons.bottom-center {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.scb-buttons.bottom-right {
    bottom: 10px;
    right: 10px;
}

/* Button styles */
.scb-button {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

.scb-button.round {
    border-radius: 50%;
}

.scb-button.square {
    border-radius: 0;
}

.scb-call-button .scb-icon,
.scb-whatsapp-button .scb-icon {
    margin-right: 5px;
}

/* Hover animations */
.scb-button.grow:hover {
    transform: scale(1.2);
}

.scb-button.shrink:hover {
    transform: scale(0.8);
}

.scb-button.rotate:hover {
    transform: rotate(360deg);
}

.scb-button.pulse:hover {
    animation: pulse-animation 1s infinite;
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.scb-svg-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}