@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.link
{
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}
.link::after
{
    content: '';
    bottom: -2px;
    position: absolute;
    width:100%;
    height: .15rem;
    background: #333;
    left: 0;  
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
    transform-origin: right;
}
.link:hover::after
{
    transform: scaleX(1);
    transform-origin: left;
}
.slide-btn
{
    transform-origin: left;
}
.slide-btn:hover
{
    background: black;
    color: aliceblue;
    transition: 0.5s ease;
}
.puls{
position:absolute;
bottom:45%;
left:25%;
background:white;
border-radius:50%;
font-size:22px;
width:30px;
height:30px;
display:flex;
justify-content:center;
align-items:center;
transition:0.5s ease;
}

.pulse,.pulsed{
position:absolute;
bottom:45%;
left:25%;
width:30px;
height:30px;
border-radius:50%;
border:2px solid white;
animation:ripple 2s infinite;
}

.pulsed{
animation-delay:1s;
}

.puls:hover{
background:black;
color:white;
cursor:pointer;
}

.puls:hover ~ .pulse,
.puls:hover ~ .pulsed{
border:2px solid black;
}

@keyframes ripple{

0%{
transform:scale(1);
opacity:1;
}

100%{
transform:scale(2);
opacity:0;
}

}
.box{
width:0;
height:0;
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:15px solid white;
margin-top: 40px;
position: absolute;
right: 10px;
}
.cards
{
    display: flex;
}
.Arrivals-Collection
{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
}
.box-bg
{
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
    background-image: url('./img/bg-image');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.watchSlide::-webkit-scrollbar{
display:none;
}
.watchSlide{
user-select: none;
}


@media (max-width:740px) {
    .Arrivals-Collection
    {
        gap: 20px;
    }
    #boxHover
    {
        height: 45%;
    }
}