/* ======================================
   grt-consent-tool Icon Stylesheet
   Table of Contents
   1. Sticky Icon
   2. Preferences Button
   ====================================== */

/* 1. Sticky Icon */
.grt-consent-tool-icon {
    position: fixed;
    bottom: 24px;
    left: 24px;
    background: #0f172a;
    color: #ffffff;
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
    z-index: 9998;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.2);
    text-decoration: none;
    font-family: inherit;
}

.grt-consent-tool-icon:hover,
.grt-consent-tool-icon:focus,
.grt-consent-tool-icon:focus-visible {
    color: #ffffff;
    background: #0f172a;
}

.grt-consent-tool-icon:visited {
    color: #ffffff;
}

.grt-consent-tool-icon[hidden] {
    display: none;
}

.grt-consent-tool-icon-dot {
    width: 10px;
    height: 10px;
    background: #38bdf8;
    border-radius: 50%;
    display: inline-block;
}
/* End Sticky Icon */

/* 2. Preferences Button */
.grt-consent-tool-open-preferences {
    background: transparent;
    border: 1px solid #0f172a;
    padding: 8px 14px;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}
/* End Preferences Button */