.advertisement {
    position: fixed;
    bottom: 10px;
    left: 100px;
    right: 100px;
    z-index: 1000;
}
    
.advertisement-item {
    display: flex;
    align-items: center;
    gap: 20px;
    backdrop-filter: blur(20px);
    background-color: #26262687;
    padding: 10px 20px;
    border-radius: var(--radius-btn);
    animation: advertisement 1s forwards 1s;
    opacity: 0;
    margin-top: 10px;
}

@keyframes advertisement {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.advertisement-item img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.advertisement-item-text p {
    font-size: clamp(5px, 5vw, 18px);
    font-weight: 500;
    margin: 0;
    color: var(--color-white-text);
}

.advertisement-item-text p:first-child {
    font-family: 'Unbounded';
}

.advertisement-item-text p:last-child {
    font-family: 'Montserrat';
}

.advertisement-text_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    gap: 30px;
    margin-right: 40px;
}

.btn_link {
    background-color: var(--color-white);
    padding: 15px 40px;
    border-radius: var(--radius-btn);
    cursor: pointer;
    text-decoration: none;
    color: var(--color-black);
    font-family: 'Montserrat';
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 600;
    animation: btn_link 1s infinite alternate ease-in-out;
    transition: 
        transform 0.3s ease, 
        border-radius 0.3s ease, 
        box-shadow 0.3s ease;
}

.btn_link:hover {
    transform: scale(1.08);
    border-radius: var(--radius-btn-hover);
    box-shadow: var(--shadow-btn);
}

@keyframes btn_link {
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}
}

.advertisement-item span {
    font-size: clamp(25px, 4vw, 35px);
    display: block;
    cursor: pointer;
    color: var(--color-white-text);
    position: absolute;
    top: 5px;
    right: 20px;
    transition: transform 0.3s ease;
}

.advertisement-item span:hover {
    transform: scale(1.2);
}

@media (max-width: 1150px) {
    .advertisement {
        left: 50px;
        right: 50px;
    }
}

@media(max-width: 680px) {
    .advertisement {
        bottom: 0;
        left: 0;
        right: 0;
    }

    .advertisement-item {
        border-radius: 0;
        gap: 10px;
        align-items: flex-start;
    }

    .advertisement-item-text p {
        font-size: 15px;
    }

    .advertisement-item-text p:last-child {
        font-size: 10px;
    }
}

@media (max-width: 515px) {
    .advertisement-text_block {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .btn_link {
        padding: 10px 30px;
    }
}