[class*="swiper-button"][class*="swiper-button--outlined"] {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --tw-text-opacity: 1;
	color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: .875rem;
	line-height: 1.25rem;
    border-width: 1px;
    border-radius: 9999px;
    gap: .5rem;
	white-space: nowrap;
	--tw-ring-offset-color: hsl(var(--background));
    justify-content: center;
    align-items: center;
    background-color: hsla(0,0%,100%,.102);
	border-color: hsla(0,0%,100%,.2);
	min-height: 2.5rem;
	min-width: 2.5rem;
}

[class*="swiper-button--outlined"]::before {
    filter: brightness(0) invert(1);
}

[class*="swiper-button"][class*="swiper-button--outlined"]:hover {
    background-color: #fff3;
}

[class*="swiper-button"].swiper-button--outlined-large {
	min-height: var(--button--large, 40px);
	min-width: var(--button--large, 40px);
}