@layer components{.link-block{--text-color: inherit}.link-block__link,.link-block__container{display:block;max-width:960px;padding:36px 24px;border:12px solid var(--color-gray-700);margin-right:auto;margin-left:auto;text-align:center}.link-block__link{color:var(--text-color)}.link-block__link:hover,.link-block__link:focus{box-shadow:none}.link-block__link:hover .link-block__title span,.link-block__link:focus .link-block__title span{border-bottom:2px solid var(--color-gray-700)}.link-block__link:focus .link-block__title span{box-shadow:0 2px 0 0 var(--color-black)}.link-block__title,.link-block__ingress{max-width:var(--small-width);margin-right:auto;margin-left:auto}.link-block__title,.link-block__title textarea{letter-spacing:1px;text-transform:uppercase;font-size:var(--font-size-lg);margin-bottom:16px;font-weight:400}@media (min-width: 640px),print{.link-block__title,.link-block__title textarea{font-size:var(--font-size-xl)}}.link-block__ingress,.link-block .link-block__ingress textarea{font-size:var(--font-size-md-plus)}.link-block__duration{font-size:var(--font-size-sm)}.link-block .icon{fill:var(--text-color)}@media (max-width: 639px),print{.link-block .icon{width:24px;height:24px}}.link-block.link-block--dark{--text-color: var(--color-white)}}