@import "../../../styles/colors";

.right-arrow-button {
    button {
        margin-top: 1rem;
        border: none;
        outline: none;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        background: linear-gradient(151deg, #0a19a5 -28.78%, #0098ff 81.87%);
        color: $white;
        box-shadow: 0px 0px 20px 0px rgba(0, 40, 255, 0.3);
        font-size: 1rem;
        font-weight: 600;
        transition: box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out;
        cursor: pointer;
        opacity: 0.9;

        display: flex;
        align-items: center;
        justify-content: center;
        &:hover{
            box-shadow: 0px 0px 20px 0px rgb(73, 194, 255);
            opacity: 1;
        }
        img{
            width: 15px;
            height: 15px;
        }
    }
  }