.page .contacts__block {
  display: flex;
  align-items: center;
  gap: .63em;
  width: 100%;
  height: 100%;
  min-height: 60px;
  padding: 1em 1.25em;
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius); }
  .page .contacts__block--bg {
    background-color: var(--main-color);
    color: var(--color-white); }
    .page .contacts__block--bg .contacts__text {
      color: var(--color-white); }
  .page .contacts__block--link {
    text-decoration: none;
    transition: .3s; }
    .page .contacts__block--link .icon {
      transition: .2s; }
    .page .contacts__block--link:hover {
      background-color: var(--main-color); }
      .page .contacts__block--link:hover .icon {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1); }
      .page .contacts__block--link:hover .contacts__text {
        color: var(--color-white); }
  .page .contacts__block--sm {
    height: auto; }

.page .contacts__text {
  display: inline-block;
  color: var(--color-dark);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  transition: .3s; }
  .page .contacts__text--sm {
    font-size: .875rem; }
  .page .contacts__text--light {
    color: var(--color-light); }

.page .contacts__map {
  margin-top: 5em;
  width: 100%;
  height: 350px; }

@media (min-width: 576px) {
  .page .contacts__text {
    font-size: .875rem; }
  .page .contacts__map {
    height: 400px; } }

@media (min-width: 768px) {
  .page .contacts__text {
    font-size: 1.125rem; }
  .page .contacts__map {
    height: 450px; } }

@media (min-width: 1400px) {
  .page .contacts__text {
    font-size: 1.25rem; } }