@media (max-width: 920px) {
    .d-info {
        transform: scale(0.9);
        padding-bottom: 50px;
        margin-top: -60px;
    }

    .d_info-section {
        row-gap: 1px;
    }

    .d_info-paragraph {
        font-size: 20px;
    }

    .d_info-basic-infos h5 {
        font-size: 18px;
        border-radius: 100px;
    }

    .phrase_button {
        font-size: 20px;
    }

    .icon {
        display: none;
    }
}

@media (max-width: 778px) {
    .d-info {
        transform: scale(0.8);
        margin-top: -157px;
    }

    .d_info-paragraph p {
        color: rgb(0, 0, 0);
    }

    .icon {
        display: none;
    }

    .card-current-day-container {
        margin-bottom: 150px;
    }
}

@media (max-width: 690px) {
    .d-info {
        transform: scale(0.7);
        margin-top: -280px;
    }

    .d_info-paragraph {
        font-size: 24px;
    }

    .copy-link-button {
        padding: 10px 15px;
        font-size: 20px;
    }

    .icon {
        display: none;
    }
}

@media (max-width: 620px) {
    .d-info {
        transform: scale(0.7);
        margin-top: -280px;
    }

    .d_info-paragraph {
        font-size: 24px;
    }

    .text-button {
        display: none;
    }

    .copy-link-button.only-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .copy-link-button.only-icon .icon {
        font-size: 30px;
        display: flex;
    }
}

@media (max-width: 610px) {
    .d-info {
        transform: scale(0.6);
        margin-top: -385px;
    }
}

@media (max-width: 530px) {
    .d-info {
        transform: scale(55%);
        margin-top: -435px;
    }
}

@media (max-width: 425px) {
    .d-info {
        transform: scale(45%);
        margin-top: -540px;
    }

    .copy-link-button.only-icon {
        transform: scale(180px);
    }

    .card-current-day-container {
        margin-bottom: 140px;
    }
}

@media (max-width: 380px) {
    .d-info {
        transform: scale(40%);
        margin-top: -595px;
    }

    .copy-link-button.only-icon {
        transform: scale(180px);
    }

    .card-current-day-container {
        margin-bottom: 170px;
    }
}

@media (max-width: 330px) {
    .d-info {
        transform: scale(35%);
        margin-top: -648px;
    }

    .copy-link-button.only-icon {
        transform: scale(180px);
    }

    .card-current-day-container {
        margin-bottom: 200px;
    }
}