.banner {
    width: 100%
}

.btn-showlink {
    display: block;
    background: #e1e1e1;
    color: #000000;
    padding: 30px;
    border-radius: 25px;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    font-style: italic;
    margin-left: 7%;
    margin-right: 7%;
}

.btn-getlink {
    background: linear-gradient(0deg, rgba(153, 2, 215, 1) 0%, rgba(218, 0, 213, 1) 100%);
    padding: 30px;
    border-radius: 25px;
    text-align: center;
    margin-left: 7%;
    margin-right: 7%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/* .btn-getlink:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} */

.font-a {
    font-family: Prompt-SemiBoldItalic;
    color: #ffd249;
    font-size: 8vw;
    text-wrap: nowrap;
    text-shadow: 0 0 4px #000000, 0 0 6px #000000;
    animation: blinker 1s linear infinite;
}



@keyframes blinker {
    from {
        color: #ffd249;
    }

    40% {
        color: #FFF;
    }

    to {
        color: #ffd249;
    }
}

.font-b {
    color: #fff;
    font-size: 5vw;
    font-style: italic;
    text-shadow: 0 0 6px #000000, 0 0 6px #000000;
}

.font-a,
.font-b {
    cursor: pointer;
}

.circle {
    background: #fff;
}

.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgb(175 175 175) 0%, rgb(255 255 255) 100%);
    position: relative;
    color: #a4137c;
    font-size: 4.5vw;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.circle::before {
    content: ">";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-notfound {
    font-family: Prompt-SemiBoldItalic;
    color: red
}

.mb {
    display: none;
}

@media only screen and (max-width: 600px) {
    .dt {
        display: none;
    }

    .mb {
        display: block;
    }

    .circle {
        width: 30px;
        height: 30px;
    }

    .font-a {
        font-size: 8vw;
        text-shadow: 0 0 2px #000000, 0 0 3px #000000;
    }

    .font-b {
        font-size: 4.2vw;
    }

    .btn-getlink {
        padding: 15px;
        border-radius: 15px;
    }

    .btn-showlink {
        padding: 15px;
        border-radius: 15px;
    }
    div:where(.swal2-container) h2:where(.swal2-title){
        font-size: 1rem !important;
    }
}