section.m62_linktree {
background: #374052;
}
section.m62_linktree .mM_container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: -140px;
position: relative;
z-index: 3;
}
section.m62_linktree .m62_background_container {
position: relative;
}
section.m62_linktree .m62_overlay {
position: absolute;
background: linear-gradient(180deg, rgba(55, 64, 82, 0.00) 0%, #374052 100%);
width: 100vw;
height: 446px;
bottom: 0;
left: 0;
z-index: 2;
}
section.m62_linktree .m62_mobil_bg {
display: none;
}
section.m62_linktree .m62_desktop_bg {
width: 100vw;
max-height: 646px;
height: 646px;
object-fit: cover;
object-position: top;
position: relative;
z-index: 1;
}
section.m62_linktree .m62_link_item:not(:last-child) {
margin-bottom: 8px;
}
section.m62_linktree .m62_link {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 100px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .07) 100%), rgba(217, 217, 217, .2);
backdrop-filter: blur(10px);
padding: 14px 30px 9px 32px;
width: 100%;
}
section.m62_linktree .m62_link_item {
max-width: 363px;
width: 100%;
}
section.m62_linktree .m62_link:before {
content: "";
position: absolute;
inset: 0;
padding: 1px;
border-radius: inherit;
background: linear-gradient(to bottom right,
rgba(255, 255, 255, .8) 0%,
rgba(255, 255, 255, 0) 45%,
rgba(255, 255, 255, 0) 55%,
rgba(255, 255, 255, .8) 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite: exclude;
pointer-events: none;
transition: background .25s ease;
}
section.m62_linktree .m62_link_titel_container p {
color: #fff;
font-size: 1.063rem;
font-weight: 900;
}
section.m62_linktree .m62_link_domain_container p {
color: #fff;
font-size: 0.938rem;
}
section.m62_linktree .m62_link_icon_container svg {
fill: #fff;
width: 15px;
min-width: 15px;
transform: rotate(-45deg);
transition: all .4s;
}
section.m62_linktree .m62_link:hover .m62_link_icon_container svg {
transform: rotate(0);
}
@media screen and (max-width: 1199px) {
section.m62_linktree .m62_overlay {
height: 406px;
}
section.m62_linktree .m62_desktop_bg {
max-height: 586px;
}
}
@media screen and (max-width: 575px) {
section.m62_linktree .m62_mobil_bg {
display: block;
width: 100vw;
max-height: 486px;
object-fit: cover;
object-position: top;
position: relative;
z-index: 1;
}
section.m62_linktree .m62_desktop_bg {
display: none;
}
section.m62_linktree .m62_overlay {
height: 243px;
}
}
@media screen and (max-width: 350px) {
section.m62_linktree .m62_link {
padding: 14px 20px 9px 20px;
}
section.m62_linktree .m62_link_titel_container p {
font-size: 0.938rem;
}
}
@media screen and (max-width: 310px) {
section.m62_linktree .m62_link_icon_container svg {
display: none;
}
}