@charset "UTF-8";

.ticker {
    background: #50BD6E;
    color: #fff;
    padding: 0.5em;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.alert_line {
    background: repeating-linear-gradient(150deg, #FFFF00, #FFFF00, 25px, #000 25px, #000 50px);
    height: 2em;
    width: 100%;
}

.firstView__abuse {
    background: #EA3636;
}

.speech__bubble {
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    min-width: 160px;
    max-width: 100%;
    background: #FFFA89;
    border-radius: 100px;
}

.speech__bubble:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #FFFA89;
}

.speech__bubble p {
    margin: 0;
    padding: 0;
}

.case__box {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    background: linear-gradient(180deg, #23A7AD 78.5%, #FFF 100%);
    width: auto;
    height: auto;
    padding: 0.5em;
    color: #fff;
    display: inline-block;
}

.btn_fixed.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#floating-btn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

#floating-btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}