.tkct-floating-button {
    position: fixed;
    z-index: 9999;
}

.tkct-bottom-right {
    right: var(--tkct-offset-x);
    bottom: var(--tkct-offset-y);
}

.tkct-bottom-left {
    left: var(--tkct-offset-x);
    bottom: var(--tkct-offset-y);
}

.tkct-top-right {
    right: var(--tkct-offset-x);
    top: var(--tkct-offset-y);
}

.tkct-top-left {
    left: var(--tkct-offset-x);
    top: var(--tkct-offset-y);
}

.tkct-floating-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--tkct-size);
    height: var(--tkct-size);
    border-radius: 999px;
    background: var(--tkct-bg);
    color: var(--tkct-icon);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tkct-floating-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
}

.tkct-floating-button__icon {
    display: inline-flex;
    width: 60%;
    height: 60%;
}

.tkct-floating-button__icon svg,
.tkct-floating-button__icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.tkct-floating-button__icon img {
    object-fit: contain;
}