.package-container{--package-width:160px;width:var(--package-width);padding:1rem;background-color:var(--clr-dark);color:var(--clr-light);border:1px solid var(--clr-light);border-radius:12px}@media (min-width:281px){.package-container{--package-width:240px}}@media (min-width:441px){.package-container{--package-width:360px}}@media (min-width:881px){.package-container{width:unset;display:grid;grid-template-columns:1fr;grid-template-rows:subgrid}}.package-title{text-transform:uppercase;font-weight:600}.package-price{color:var(--clr-grey);font-weight:600}.package-price span{font-size:.8rem;font-weight:500}.package-divider{margin-inline:auto;margin-block:1.25rem;height:1px;background-color:var(--clr-grey)}.package-description{color:var(--clr-light-grey);text-wrap:pretty;font-weight:500}.package-button{margin-inline:auto}.package-inclusion-title{margin-bottom:1.25rem;text-transform:uppercase;font-weight:500}.package-inclusion-list{display:flex;flex-direction:column;gap:1rem}.package-inclusion-list-item-wrapper{position:relative}.package-inclusion-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;line-height:1}.package-inclusion-list-item-info-icon{flex-shrink:0;vertical-align:middle}.package-inclusion-list-item-details{width:60%;background-color:var(--clr-light);color:var(--clr-dark);padding:.5rem;font-size:.8rem;border-radius:12px;position:absolute;right:0;bottom:1.5rem;z-index:3;display:none;opacity:0;transition:display .4s,opacity .4s;transition-behavior:allow-discrete}.package-inclusion-list-item-info-icon:hover+.package-inclusion-list-item-details{display:inline-block;opacity:1;@starting-style{opacity:0}}@property --rotate-angle{syntax:"<angle>";initial-value:90deg;inherits:true}.package-card-border-effect{--rotate-angle:0deg;--c1:var(--clr-light);--c2:var(--clr-dark);position:relative;border-radius:24px}.package-card-border-effect:hover:before{content:"";position:absolute;inset:0;border-radius:24px;padding:4px;background:conic-gradient(from var(--rotate-angle),var(--c2),var(--c1) 36deg,var(--c1) 54deg,var(--c2) 90deg);animation:borderRotate 4s linear infinite forwards;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes borderRotate{0%{--rotate-angle:0deg}50%{--rotate-angle:180deg}to{--rotate-angle:360deg}}