:root {
    --color-black: rgb(0, 0, 0);
    --color-white: rgb(255, 255, 255);
    --cta-button: rgb(0, 235, 236);
    --cta-button-download: rgb(0, 137, 240);
    --team-icon-gradient: linear-gradient(270deg, rgba(40,181,251,1) 0%, rgba(0,137,240,1) 100%);
    --leaf-icon-gradient: linear-gradient(270deg, rgba(255,171,102,1) 0%, rgba(255,141,101,1) 100%);
    --chat-icon-gradient: rgb(0, 236, 147);
    --review-section-filter: linear-gradient(270deg, rgba(0,137,240,0.8) 100%, rgba(0,137,240,0.8) 100%);
    --dark-text: rgb(153, 140, 155);
    --review-icon: rgb(255, 215, 0);
    --basic-plan: rgb(231, 245, 254);
    --team-plan: rgb(255, 244, 239);
    --business-plan: rgb(230, 252, 242);
    --price--basic-color: rgb(2, 142, 240);
    --price--team-color: rgb(255, 189, 118);
    --price--business-color: rgb(3, 209, 118);
        /* fonts sizes */
    --font-size-xs: clamp(0.6944rem, 0.6561rem + 0.1919vw, 0.8rem);
    --font-size-s: clamp(0.8333rem, 0.7727rem + 0.303vw, 1rem);
    --font-size-m: clamp(1rem, 0.9091rem + 0.4545vw, 1.25rem);
    --font-size-l: clamp(1.2rem, 1.0682rem + 0.6591vw, 1.5625rem);
    --font-size-xl: clamp(1.44rem, 1.2534rem + 0.933vw, 1.9531rem);
    --font-size-xxl: clamp(1.728rem, 1.4686rem + 1.2971vw, 2.4414rem);
}

html, body {
    font-family: "Poppins", sans-serif;
    color: var(--color-black);
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
}

.cta-button {
    min-width: 150px;
    padding: 15px;
    color: var(--color-white);
    background-color: var(--cta-button);
    border: none;
    border-radius: 4px;
    font-size: var(--font-size-s);
    transition: 0.3s ease-in-out;
}
.cta-button:hover {
    color: var(--color-white);
    background-color: rgb(2, 219, 219);
}

.cta-button--download {
    background-color: var(--cta-button-download);
    margin: 30px 20px;
}
.cta-button--download:hover {
    background-color: rgb(0, 104, 184);
}
.cta__button--plan {
    min-width: 100px;
    padding: 10px;
    margin: 30px auto;
    color: var(--cta-button);
    background-color: var(--color-white);
    border: 1px solid var(--cta-button);
    font-size: var(--font-size-xs);
}